Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

3 Jobs My Team Handed to Viktor, Our AI Employee

Hire Viktor for your team: Code TECHWIT...

  2026/10/15

The AI Skills Python Developers Need to Stand Out

python

What AI skills do Python jobs actually w...

  2026/10/15

Applied Data Science With Python Full Course 2027 | Complete Data Scie

python

🔥Micrososft Azure - Data Analyst Course ...

  2026/10/14

Microsoft Power BI With AI Full Course 2027 | Complete Microsoft Power

microsoft
Microsoft

🔥Micrososft Azure - Data Analyst Course ...

  2026/10/14

Free Microsoft Power Bi Certification Course 2027 | Complete Preparati

microsoft
Microsoft

"🔥Micrososft Azure - Data Analyst Course...

  2026/10/14

AI Workflow Specialist Roadmap 2027 | AI Workflow Skills & Tools You N

🔥Michigan Engineering Professional Certi...

  2026/10/14

Jev AI Explained | What Is Jev AI? | The New AI Model 193x Faster Than

🔥Microsoft Applied Agentic AI: Systems D...

  2026/10/14

Gemini 4 Argon vs GPT-6 Astra vs Claude Opus 5.5 | Which AI Model Is B

"🔥Michigan Engineering Professional Cert...

  2026/10/14

I Had Opus 5.5 Build me 3 Apps at Every Effort Level

Go to and use my code TECHWITHTIM to ge...

  2026/10/14

Copy & Paste the World with Gaussian Splatting - Scott Leaman - NDC Os

This talk was recorded at NDC Oslo in Os...

  2026/10/14

Demoscene Coding Kickstart - Espen Sande-Larsen - NDC Oslo 2026

This talk was recorded at NDC Oslo in Os...

  2026/10/14

ASP.NET Core meets OWASP Top 10 2025 - Anders Abel - NDC Oslo 2026

This talk was recorded at NDC Oslo in Os...

  2026/10/14

Demystifying CSP for modern applications - Philippe De Ryck - NDC Oslo

This talk was recorded at NDC Oslo in Os...

  2026/10/14

Humans Are the Most Unreliable Node in Your System - Joanna Montgomery

This talk was recorded at NDC Oslo in Os...

  2026/10/14

Building With AI vs Building AI

What does "building with AI" actually me...

  2026/10/14

Why is my AMI or EBS snapshot creation slow or stuck in the Pending st

Is your AMI or EBS snapshot creation slo...

  2026/10/13